<template>
	<div>
		<div class="title">热门推建</div>
		<ul class="menu">
			<li @click="menu1">笔记本电脑</li>
			<li @click="menu2">手机</li>
			<li>笔记本电脑</li>
			<li>手机</li>
			<li>笔记本电脑</li>
			<li>手机</li>
			<li>笔记本电脑</li>
			<li>手机</li>
			<li>笔记本电脑</li>
			<li>手机</li>
			<li>笔记本电脑</li>
		</ul>
	</div>
</template>

<script type="text/javascript">
	import Msg from './Msg.js'
	export default {
		methods:{
			menu1:function(){
				Msg.$emit("val","1");
			},
			menu2:function(){
				Msg.$emit("val","2");
			}
		}
	}
</script>

<style>
	.title{color: red;width: 100px;}
	.menu li{list-style: none;height: 42px;margin-bottom: 2px;background-color: white;line-height: 42px;cursor: pointer;}
</style>
